<template>
    <qrcode-vue :value="value" :size="size" level="H" />
</template>

<script lang="ts">
import { defineComponent, reactive, toRefs } from 'vue'
import QrcodeVue from 'qrcode.vue'
export default defineComponent({
props:{
    value:{
    type:String,
    require:true
    },
    size:{
    type:Number,
    default:100
    }
},
components:{
    QrcodeVue
},
setup(props) {
    const state = reactive({
    value:props.value,
    size:props.size
    })
    return {
    ...toRefs(state),
    }
},
})
</script>